<template>
  <div class="mr-box">
    <div class="mr-left"><img src="../assets/huiyuanvip.png" alt="" /><span class="mr-text">开通即享专属特权</span></div>
    <div class="mr-button"><button>成为会员</button></div>
  </div>
</template>

<script>
export default {
  name: 'Memberremind',

  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="less" scoped>
.mr-box {
  margin: 16px auto;
  display: flex;
  justify-content: space-between;
  align-items: center; 
  border-radius: 10px;
  background-color: #fae7d3;
  width: 344px;
  height: 40px;
  .mr-left {
    display: flex;
    > img {
      width: 26px;
      margin: 10px 8px;
    }
    .mr-text {
      margin-top: 13px;
      font-size: 12px;
      color: #a37238;
    }
  }
  .mr-button button {
    display: flex;
    border-radius: 20px;
    margin-right: 8px;
    padding: 4px 12px;
    font-size: 12px;
    border: none;
    color: #6f4718;
    background-color: #eabc8f;
  }
}
</style>
